<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src=jquery.min.js></script>
    <script src=animationFade.js></script>
</head>
<body>
    <button id="fadeIn">fade in</button>
    <button id="fadeOut">fade Out</button>
    <button id="fadeTaggle">fade Taggle</button>
    <button id="fadeTo">fade To</button>
    <div id="div1" style="width: 80px;height: 80px;background: cadetblue;display: none">

    </div>
    <div id="div2" style="width: 80px;height: 80px;background: chocolate;display: none">

    </div>
    <div id="div3" style="width: 80px;height: 80px;background: crimson;display: none">

    </div>
</body>
</html>